import { useState } from 'react'
// 引入Item组件
import Item from '../Item'
// 引入样式
import './index.less'

export default (props) => {

    const { todos ,deleteTodo,updateTodo} = props
    return (
        <ul className='todo_main'>
            {
                todos.map(todo => {
                    return (
                        <Item key={todo.id} {...todo} deleteTodo = {deleteTodo} updateTodo={updateTodo}/>
                    )
                })
            }
        </ul>
    )
}